<template>
	<view>
		<u-navbar :title="titles" :fixed="true" :placeholder="true" @leftClick="leftClick" :safeAreaInsetTop="true"
			:autoBack="false" leftIconColor="#666" titleStyle="color:#333" :bgColor="backgroundColor">
			<view class="u-nav-slot" slot="right">
				<uni-icons type="redo" @click="isFenxiang" color="#666" size="18"></uni-icons>
			</view>
		</u-navbar>
		<!-- 商品 -->
		<!-- <view class="dengguang" v-if="checkMediaType(threeMoxing) == '3dmx'"></view> -->
		<view class="commodity flex_Z">
			<view class="commodity_top">
				<!-- <moxing v-if="checkMediaType(threeMoxing) == '3dmx'" :moxing="threeMoxing" ></moxing> -->
				<image class="tupians" :src="threeMoxing" mode="aspectFit"></image>
			</view>
			<view class="commodity_btm flex_ZC">
				<view class="commodity_btm_box">
					<view class="commodity_name c5 flex_c">
						{{detail.goods_name}}
					</view>
					<view class="series flex_ld_a">
						<view class="series_box flex_dq">
							<text>系列</text>
							<text style="margin-left: 4rpx;">{{info.series_name}}</text>
						</view>
						<view class="series_box flex_dq">
							<text>限量</text>
							<text>{{detail.circulation}}份</text>
						</view>
					</view>
				</view>
			</view>
		</view>
		<!-- 发行方 -->
		<view class="hoarding flex_ld" v-if="info.transaction_price">
			<text>发行价格:￥{{info.price}}</text>
			<text>最新成交价:￥{{info.transaction_price}}</text>
		</view>
		<view class="issuer flex_Z">
			<view class="issuer_box flex_dq">
				<image :src="shop_brand.logo" mode="aspectFill"></image>
				<view class="issuer_btm flex_Z">
					<text class="f28">发行方</text>
					<text class="f24 c9">{{shop_brand.name}}</text>
				</view>
			</view>
		</view>
		<view class="lock_box flex_Z"  v-if="info.hxf_goods_id==info.goods_id">
			<view class="issuer_box flex_dq" style="height: 80rpx;">
				<view class=" lock " style="width: 90%;">
					<text class="f28">华小福补贴剩余次数:{{info.subsidy_number}}</text>
					<text class="f28" v-if="info.subsidy_number==0"  @click="tipShow3=true" >续签权益</text>
				</view>
			</view>
		</view>
		<view class="lock_box flex_Z" v-if="info.surplus_time">
			<view class="issuer_box flex_dq">
				<view class=" lock flex_Z">
					<text class="f28">锁仓时间</text>
					<text class="f24 c9">剩余时间:{{ Math.floor( info.surplus_time/3600) }}/H</text>
				</view>
			</view>
		</view>
		<view class="detail_info">
			<view class="detail_one" v-if="info.is_nft==1">
				<view class="detail_item" @click="gohash">
					<text>藏品哈希：</text>{{info.hash}}
				</view>
				<image src="../../static/icon/i_copy.png" @click="copy" mode=""></image>
			</view>
			<view class="detail_one" v-if="info.is_nft==1">
				<view class="detail_item" @click="goaddress">
					<text>合约地址：</text>{{info.contract_address}}
				</view>

			</view>
			<view class="detail_one">
				<view class="detail_item">
					<text>藏品编号：</text>{{info.goods_number}}/{{detail.circulation}}
				</view>
			</view>
		</view>
		<view class="cartype" v-if="member_carpooling_card!=null">
			<view class="name" v-if="member_carpooling_card.status!=6"  >
				待提车型：{{carname}}
			</view>
			<view class="name" v-if="member_carpooling_card.status==6"  >
				已提车：{{carname}}
			</view>
			<view class="ttts"  @click="gocjjf" v-if="(info.member_id==member_carpooling_card.member_id)&&member_carpooling_card.status!=6">
				超级交付
			</view>
		</view>
		<view class="cartype" v-if="member_phone_card!=null">
			<view class="name" v-if="member_phone_card.status!=6"  >
				待提手机：{{phonename}}
			</view>
			<view class="name" v-if="member_phone_card.status==6"  >
				已提手机：{{phonename}}
			</view>
			<view class="ttts"  @click="gocjjf4" v-if="member_phone_card.is_super_delivery==0 && member_phone_card.status==0  ">
				超级交付
			</view>
			<view class="ttts"  @click="gocjjf3" v-if=" member_phone_card.status==3 ">
				去领取
			</view>
			<view class="ttts"   v-if=" member_phone_card.status==6 ">
				已领取
			</view>
		</view>
		<view class="carwrap" v-if="(member_phone_card!=null)&&member_phone_card.status!=6" >
			<view class="carwrapone">
				<view class="carwrapitem" style="margin-left: 30rpx;">
					<text class="ysf" >已释放</text>
					<view class="carwrapprice">
						<image class="ybimage" src="../../static/image/fhtb.png" mode=""></image>
						<text>{{member_phone_card.balance}}</text>
					</view>
				</view>
				<view class="carwrapitem" style="margin-right: 30rpx;text-align: right;">
					<text class="ysf" >总额度</text>
					<view class="carwrapprice">
						<image class="ybimage" src="../../static/image/fhtb.png" mode=""></image>
						<text>{{member_phone_card.subsidy_balance}}</text>
					</view>
				</view>
				
			</view>
			<view class="carwraptwo">
				<u-line-progress height="10" :percentage="gropss2" inactiveColor="#E3DED6" :showText="false" activeColor="#AB8E68"></u-line-progress>
			</view>
			<view class="golingqu"  @click="golingqu" >
				去领取
			</view>
		</view>
		<view class="carwrap" v-if="(member_carpooling_card!=null)&&member_carpooling_card.status!=6" >
			<view class="carwrapone">
				<view class="carwrapitem" style="margin-left: 30rpx;">
					<text class="ysf" >已释放</text>
					<view class="carwrapprice">
						<image class="ybimage" src="../../static/image/fhtb.png" mode=""></image>
						<text>{{member_carpooling_card.balance}}</text>
					</view>
				</view>
				<view class="carwrapitem" style="margin-right: 30rpx;text-align: right;">
					<text class="ysf" >总额度</text>
					<view class="carwrapprice">
						<image class="ybimage" src="../../static/image/fhtb.png" mode=""></image>
						<text>{{member_carpooling_card.subsidy_balance}}</text>
					</view>
				</view>
				
			</view>
			<view class="carwraptwo">
				<u-line-progress height="10" :percentage="gropss2" inactiveColor="#E3DED6" :showText="false" activeColor="#AB8E68"></u-line-progress>
			</view>
			<view class="golingqu"  @click="golingqu" >
				去领取
			</view>
		</view>
		<view class="propgs" v-if="info.is_activity_hxf">
			<view class="propgs_top">
				<text style=" margin-right: 50rpx;">本月激活值:{{info.member_activation_hxf_number>info.equity_number?"已激活":info.member_activation_hxf_number}}</text> <u-line-progress v-if="info.member_activation_hxf_number<info.equity_number"
					height="10" :percentage="gropss" inactiveColor="#E3DED6" :showText="false" activeColor="#AB8E68"
					></u-line-progress>
				<text style="margin-left: 50rpx;"
					v-if="info.member_activation_hxf_number<info.equity_number">{{info.member_activation_hxf_number}}/{{info.equity_number}}</text>

			</view>
			<view class="month_num" v-if="info.is_activity_hxf==1">
				本月已激活进士数量：{{info.activation_number}}
			</view>
			<view   class="month_num" v-if="info.is_activity_hxf==2">
				本月已激活服务中心数量：{{info.activation_number}}
			</view>
		</view>
		<!-- 藏品描述 -->
		<view class="describe_box">
			<view class="describe_tit flex_dq">
				<view class="sss" v-for="(item,index) in list1" :key="index">
					<text :class="index == inx? 'active':''" @click="isTaggle(index)">{{item}}</text>
				</view>
			</view>
			<view class="describe_ntm flex_c" v-if="inx == 0">
				<rich-text class="quanyi_s" :nodes="detail.content"></rich-text>
			</view>
			<view class="equity_box qyi_box flex_Z" v-if="inx == 1">
				<view class="equity color1 flex_Z">
					<!-- 		<view class="equity_top qyi">
						<text>藏品权益</text>
					</view> -->
					<view class="equity_list bor_btm flex_dq">
						<rich-text class="quanyi_s" :nodes="detail.info"></rich-text>
					</view>
				</view>
			</view>
			<view class="describe_ntm flex_c" v-if="inx == 2">
				<rich-text class="quanyi_s" :nodes="nodeCentent3"></rich-text>
			</view>
		</view>
		<view class="notice_box flex_ZC">
			<view class="notice flex_c">
				<text class="tiao"></text>
				<text>温馨提示</text>
				<text class="tiao"></text>
			</view>
			<view class="xuzhi">
				<rich-text class="f24 colors" :nodes="detail.purchase_info"></rich-text>
			</view>
		</view>
	<view class="buy_btn flex_ld_a">
			<text v-if="info.is_receive==0" @click="golq">领取</text>
			<text class="out_hacth" @click="outHatch" v-if="info.is_out_hatch==1">退出孵化</text>
			<view class="hacth_box flex_dq" v-if="(info.is_allow_rent|| info.is_transfer) &&info.status==0  ">
			<text class=""  @click="isallow2" v-if="info.is_transfer">转赠</text>
			<text class="" @click="isallow" v-if="!status && info.is_allow_rent">寄售</text>
			</view>
	</view>
		<view class="buy_btn flex_ld_a" v-if="info.is_allow_rent&&info.status==4">
			<text class="caise2" @click="cloneShow = true">取消寄售</text>
		</view>

		<u-popup :show="showpass" mode="center" @close="delother,showpass=false" closeable bgColor="transparent">
			<view class="pass_wrap">
				<view class="tit">
					请输入交易密码
				</view>
				<u-code-input disabledDot :adjustPosition="false" borderColor="#A68A64" focus class="code_input"
					v-model="password" mode="line" color="#666" @change="codechange" @finish="finish"
					dot></u-code-input>
				<view class="other_btnwrap">
					<view class="other_btn1" @click="delother,showpass=false">
						取消
					</view>
					<view class="other_btn2" @click="suresubmit()">
						确认
					</view>
				</view>
			</view>
		</u-popup>

		<u-popup :show="cloneShow" mode="center" @close="cloneShow = false" closeable bgColor="transparent">
			<view class="prompt flex_ZC">
				<text class="f36">提示</text>
				<text class="prompt_tit">真的要取消寄售吗？</text>
				<view class="prompt_ntm" @click="cancelSend">
					<text>确定</text>
				</view>
				<view class="empty"></view>
			</view>
		</u-popup>
		<u-popup :show="lqshow" mode="center" @close="lqshow=false" closeable bgColor="transparent">
			<view class="zz_wrap">
				<view class="tit">
					领取信息确认
				</view>
				<view class="tit" v-if="add==''">
					请选择收货地址
				</view>
				<view class="titsss" v-if="add!=''">
					联系人:{{add.name}}{{add.phone}}
				</view>
				<view class="titsss" v-if="add!=''">
					地址:{{addressDetail}}
				</view>
				<view class="zz_btn"  @click="goadd">
					选择地址
				</view>
				<view class="zz_btn" v-if="isadd" @click="lqsub">
					确认领取
				</view>
			
			</view>
		</u-popup>
		<u-popup :show="show2" mode="center" @close="delother" closeable bgColor="transparent">
			<view class="zz_wrap">
				<view class="tit">
					转赠信息确认
				</view>
				<view class="ipt">
					<input type="text" :value="phone" placeholder="请输入对方账号" @input="getphone" />
				</view>
				<view class="zz_btn" v-if="!showzz" @click="getotherinfo">
					确认
				</view>
				<view class="otherinfo" v-if="showzz">
					<view class="otherinfo_tit">
						接收人信息
					</view>
					<view class="otherinfowrap">
						<image :src="otherinfo.head_img" mode="aspectFill"></image>
						<view class="othername">
							昵称：{{otherinfo.nickname}}
						</view>
						<view class="otherphone">
							手机号：{{otherinfo.phone}}
						</view>
						<view class="otherphone2">
							账号：{{otherinfo.phone}}
						</view>
						<view class="tipss">
							温馨提示
						</view>
						<view class="tipcontent">
							本次转赠收取{{config.transfer_fee}}FUL
						</view>
					</view>
					<view class="other_btnwrap">
						<view class="other_btn1" @click="delother">
							取消
						</view>
						<view class="other_btn2" @click="show2=false,showpass=true,showkey=true">
							确认转赠
						</view>
					</view>
				</view>
			</view>
		</u-popup>
		<u-popup :show="show1" @close="show1 = false" closeable bgColor="transparent">
			<view class="pay flex_ZC">
				<text>寄售</text>
				<view class="pay_box flex_Z">
					<view class="pay_box_c flex_ld">
						<text class="c3">藏品名称</text>
						<text class="c6">{{detail.goods_name}}</text>
					</view>
					<view class="pay_money  flex_ld">
						<text class="c7">当前平均价格</text>
						<text class="c6 go_pay">
							<image style="width: 24rpx;height: 24rpx;margin-right: 6rpx;"
								src="../../static/icon/i_money.png" mode=""></image>{{average_price}}
						</text>
					</view>
					<view class="pay_box_c flex_ld" v-for="item in listt" :key="item.id">
						<text style="50rpx">{{item.goods_name}} #{{item.goods_number}}/{{item.circulation}}</text>
						<view class="price_wrap">
							<image style="width: 28rpx;height: 28rpx;margin-right: 6rpx;"
								src="../../static/icon/i_money.png" mode="aspectFill"></image>
							<text>{{item.price}}</text>
						</view>
					</view>
					<view class="pay_money  flex_ld" style="padding: 0;border: none;">
						<text style="color: #A7A4AD;">寄售价格(可填写)</text>
						<view class="p_wrap">
							<image style="" src="../../static/icon/i_money.png" mode=""></image>
							<!-- <input type="number" :adjust-position="false"  :value="good_price" @input="getprice" /> -->
							<u-input type="number" class="input" @change="getprice" v-model.trim="good_price"></u-input>
						</view>
						<!-- <text class="c0 go_pay">
							 {{detail.price}}
						</text> -->
					</view>
					<view class="pay_box_c flex_ld">
						<text>寄售数量</text>
						<text class="c7">1</text>
					</view>
			<!-- 		<view class="pay_box_c flex_ld" v-if="isful" >
						<text>扣除ful</text>
						<text class="c7">{{config.sale_goods_ful}}</text>
					</view> -->
					<view class="pay_money  flex_ld" style="padding: 0;border: none;">
						<text style="color: #A7A4AD;">到账价格</text>
						<text class="c6 go_pay">
							<image style="width: 24rpx;height: 24rpx;margin-right: 6rpx;"
								src="../../static/icon/i_money.png" mode=""></image> {{daozhangprice}}
						</text>
					</view>
					<!-- 			<view class="pay_box_c flex_ld" v-if="state ==1">
						<text>购买数量</text>
						<text class="c0">x1</text>
					</view> -->


				</view>
				<view class="tips flex_Z">
					<text class="flex_c">温馨提示</text>
					<view class="tips_box">
						<text>1.平台收取{{config.transaction_fees}}%手续费</text>
					</view>
				</view>
				<view class="buyNow flex_c" @click="goPay">
					<text>立即寄售</text>
				</view>
			</view>
		</u-popup>

		<view>
			<renderPoster v-show="showPoster" :datas="detailinfo" ref="posters" @clickHaibao="isHaibao"></renderPoster>
		</view>
		<u-popup :show="showHaiBao" mode="center" bgColor="transparent" :closeOnClickOverlay="false"
			overlayOpacity="0.9">
			<!-- #ifdef APP -->
			<haiBao :item="detailinfo" ref="hai" @clicktwo="getcanvasimg"></haiBao>
			<!-- #endif -->
			<!-- #ifdef H5 -->
			<view class="curpage_review">
				<view>
					<image :src="reviewBaseImg" mode="widthFix"></image>
				</view>
			</view>
			<!-- #endif -->

			<view class="btn_poster flex_spa_a">
				<image src="../../static/image/close.png" mode="widthFix" @click="isClose"></image>
				<!-- #ifdef APP -->
				<image src="../../static/image/download.png" mode="widthFix" @click="saveimg"></image>
				<!-- #endif -->
			</view>
		</u-popup>
		<u-popup :show="tipShow3" mode="center" @close="tipShow3 = false" closeable bgColor="transparent">
			<view class="prompt flex_ZC">
				<text class="f36">选择支付方式</text>
				<text class="prompt_tit">价格:{{info.price}}</text>
				<view class="pay_type flex_Z"  @click="isFhtb">
					<view class="balance flex_dq">
						<view class="pay_type_l flex_c">
							<image src="../../static/icon/i_checkbox.png" mode="aspectFill" v-if="fhtb"></image>
							<image src="../../static/icon/i_checkbox1.png" mode="" v-else></image>
						</view>
						<view class="balance_top flex_dq">
							<image class="img1" src="../../static/icon/fhtb.png" mode=""></image>
							<text>福合通宝</text>
						</view>
					</view>
					<!-- <text class="available">可用：{{balance}}</text> -->
				</view>
				
				<view class="pay_type flex_Z"  @click="isFhyb">
					<view class="balance flex_dq">
						<view class="pay_type_l flex_c">
							<image src="../../static/icon/i_checkbox.png" mode="aspectFill" v-if="fhyb"></image>
							<image src="../../static/icon/i_checkbox1.png" mode="" v-else></image>
						</view>
						<view class="balance_top flex_dq">
							<image class="img5" src="../../static/image/fhyb.png"  mode=""></image>
				
							<text>福合元宝</text>
						</view>
					</view>
					<!-- <text class="available">可用：{{FhBalance}}</text> -->
				</view>
				<view class="prompt_ntm" @click="payshow">
					<text>购买</text>
				</view>
				<view class="empty"></view>
			</view>
		</u-popup>
		<u-popup :show="tipShow" mode="center" @close="tipShow = false" closeable bgColor="transparent">
			<view class="prompt flex_ZC">
				<text class="f36">提示</text>
				<text class="prompt_tit">请购买对应的数字身份卡</text>
				<view class="prompt_ntm" @click="goNixtPage">
					<text>现在就去</text>
				</view>
				<view class="empty"></view>
			</view>
		</u-popup>

		<!-- 支付弹窗 -->
		<u-popup :show="showPay" @close="showPay = false" closeable bgColor="transparent">
			<view class="pay flex_ZC">
				<text>寄售信息</text>
				<view class="pay_box flex_Z">
					<view class="pay_box_c flex_ld">
						<text>藏品名称</text>
						<text class="c3">{{detail.goods_name}}</text>
					</view>
					<view class="pay_box_c flex_ld">
						<text>寄售数量</text>
						<text class="c3">x 1</text>
					</view>
					<view class="pay_box_c flex_ld">
						<text>藏品发行价</text>
						<text class="c3">{{info.price}}</text>
					</view>
					<view class="pay_box_c flex_ld">
						<text :class="info.prevent_hoarding_price>info.transaction_price?'':'reds'">用户防囤价</text>
						<text class="c3"
							:class="info.prevent_hoarding_price>info.transaction_price?'':'reds'">{{info.prevent_hoarding_price}}</text>
					</view>
					<view class="pay_box_c flex_ld">
						<text>当前指导价</text>
						<text class="c3">{{info.guidance_price}}</text>
					</view>
					<view class="pay_box_c flex_ld" v-if="isful" >
						<text>扣除ful</text>
						<text class="c3">{{config.sale_goods_ful}}</text>
					</view>
					<view class="pay_money  flex_ld">
						<text>实到金额</text>
						<view class=" flex_dq">
							<image class="pay_img" src="../../static/icon/i_money.png" mode=""></image>
							<text class="c3 go_pay">{{totalPrice}}</text>
						</view>
					</view>
				</view>
				<view class="priceReminder">
					<text>提示:当前指导价大于防屯价用防屯价计算，反之用指导价计算</text>
				</view>
				<view class="buyNow flex_c" @click="goPay2" v-if="startTime && endTime">
					<image class="highlights" src="../../static/image/mask.png" mode=""></image>
					<text>立即寄售</text>
				</view>
				<view class="nobuyNow  flex_c" v-else>
					<text>未开始</text>
				</view>
			</view>
		</u-popup>
		<u-popup :show="boxShow " mode="center" @close="boxShow = false " closeable bgColor="transparent">
			<view class="hatch_box flex_ZC">
				<view class="hatch_box_hr flex_ZC">
					<text class="f32 c3">是否确定退出孵化?</text>
					<text class="f32 c3">该操作不可逆</text>
				</view>
				<view class="hatch_box_tip flex_Z">
					<text >不退出孵化：</text>
					<text >{{info.hatch_goods_value}}</text>
				</view>
				<view class="hatch_box_tip flex_Z">
					<text>退出孵化后：</text>
					<text>{{info.out_hatch_goods_value}}</text>
				</view>
				<view class="btn_xz flex_ld_b">
					<text @click="boxShow = false">取消</text>
					<text @click="isHatch">确认</text>
				</view>
			</view> 
		</u-popup>

		<view class="empty3"></view>

	</view>
</template>

<script>
	import {
		detail,
		resaleConfig,
		phoneMemberInfo,
		transfer,
		salesReference,
		rent
	} from "../../api/object.js"
	import {
		share,receiveGoodsMaterial,renewalPay
	} from "../../api/other.js";
	import {
		cancleRent,outHatch
	} from "../../api/order.js"
	export default {
		data() {
			return {
				id: 1,
				info: {},
				showPoster: false,
				boxShow: false,//退出孵化
				showHaiBao: false, //海报弹窗
				reviewBaseImg: '', //海报内容
				show1: false,
				show2: false,
				tipShow: false, //提示弹窗
				cloneShow: false, //取消寄售
				inx: 0,
				numbers: 1,
				isFans: 0, //是否买过数字藏品卡片
				delisting: 0, //是否平台首发
				sjId: '', //商家id
				price: 2355.00,
				backgroundColor: "transparent",
				titles: "",
				goumai: false,
				taggle: false, // 价格升降
				showPay: false, //支付弹窗
				list1: ['藏品描述', '权益介绍', "产品详情"],
				wantList: [null, null, null, null, null, null],
				avatar: 'https://pic.imgdb.cn/item/64f59dd7661c6c8e544cbc1a.jpg',
				nodes: ``,
				config: {},
				img: "",
				detail: {},
				shop_brand: {},
				zhanghao: "",
				phone: "",
				otherinfo: null,
				showzz: false,
				password: "",
				showpass: false,
				average_price: "",
				listt: [],
				good_price: "",
				val: 1,
				detailinfo: {},
				ewmimg: "",
				canvas: "",
				threeMoxing: "",
				status: "",
				goodsPid: '',
				startTime: '',
				endTime: '',
				nodeCentent3: "",
				gropss: "",
				gropss2:"",
				gropss3:"",
				sale_goods_ful:"",
				sale_goods_ful_time:"",
				isful:false,
				lqshow:false,
				isadd:false,
				add:"",
				addressDetail:"",
				tipShow3:false,
				pay3:true,
				pay4:false,
				paylist:[
					{
							paytype:3,
							payname:"福合通宝",
							payimg:""
					},
					{
							paytype:4,
							payname:"福合元宝",
							payimg:""
					},
					],
					fhtb:true,
					fhyb:false,
					paytypes:3,
					carname:"",
					member_carpooling_card:{},
					member_phone_card:{},
					phonename:""

			}
		},
		onLoad(options) {
			this.status = options.status
			this.id = options.id
			this.isShare()
		},
		onShow() {
			this.getinfo()
			this.getresaleConfig()
			this.getsalesReference()
			this.tipShow = false
			if(uni.getStorageSync("changeAddress")){
				this.add=uni.getStorageSync("changeAddress")
				uni.removeStorageSync("changeAddress")
				this.isadd=true
				this.addressDetail = this.add.province + this.add.city + this.add.area + this.add.address
			}
		},
		computed: {
	
			daozhangprice() {
				const price = Number(this.good_price)
				const fl = Number(this.config.transaction_fees) / 100
				return (this.roundDown(price - price * fl, 2)).toFixed(2)
			},
			// 计算总价
			totalPrice() {
				if (this.info.guidance_price > this.info.prevent_hoarding_price) {
					let a = Number(this.info.prevent_hoarding_price)
					let b = Number(this.info.price)
					let c = Number(this.config.hatch_transaction_fees)
					let ddd = (this.roundDown((b * c * 0.01), 2)).toFixed(2)
					return (this.roundDown(a - ddd, 2)).toFixed(2)
				} else {
					let d = Number(this.info.guidance_price)
					let e = Number(this.info.price)
					let f = Number(this.config.hatch_transaction_fees)
					let g = (this.roundDown((e * f * 0.01), 2)).toFixed(2)
					return (this.roundDown(d - g, 2)).toFixed(2)

					// return (this.info.guidance_price - (this.info.price   * this.config.hatch_transaction_fees*0.01  )).toFixed(2)
				}
			},
		},
		methods: {
			golqphone(){
				
			},
			
			gocjjf(){
				uni.navigateTo({
					url:"/pagesMy/nationalCarPooling/superDelivery?id="+this.member_carpooling_card.id
				})
			},
			gocjjf3(){
				let mallCacheInfo = {
					id: this.member_phone_card.shop_goods_id,
					spaceId: this.member_phone_card.space_id,
					numbers: 1,
					type: 7,
				}
				uni.setStorageSync('mallCacheInfo',mallCacheInfo)
				uni.navigateTo({
					url:'/pagesMy/shoppingCenter/settlementGoods'
				})
			},
			gocjjf4(){
				let mallCacheInfo = {
					id: this.member_phone_card.shop_goods_id,
					spaceId: this.member_phone_card.space_id,
					numbers: 1,
					type: 8,
				}
				uni.setStorageSync('mallCacheInfo',mallCacheInfo)
				uni.navigateTo({
					url:'/pagesMy/shoppingCenter/settlementGoods'
				})
			},
			golingqu(){
				uni.navigateTo({
					url:"/pagesMy/nationalCarPooling/carpoolCompleteBonus"
				})
			},
			payshow(){
				this.tipShow3=false
				this.showpass=true
				this.val=3
			},
			isFhtb(){
				this.fhtb=true
				this.fhyb=false
			},
			isFhyb(){
				this.fhtb=false
				this.fhyb=true
			},
			lqsub(){
				receiveGoodsMaterial({
					id:this.info.id,
					address_id:this.add.id
				}).then(res=>{
					if(res.code==1){
						this.lqshow=false
						this.getinfo()
					}
					uni.$u.toast(res.msg)
				})
			},
			golq(){
				this.lqshow=true
			},
			goshopp(){
				if(this.info.hash=="创建中"){
					uni.$u.toast("藏品正在上链中，请稍后提货")
				}else{
					uni.navigateTo({
						url:"/pagesMy/shoppingCenter/shopDetails?id="+this.info.shop_goods_id
					})
				}
				
			},
			leftClick() {
				//获取页面栈的长度
				const canNavBack = getCurrentPages()
				console.log(canNavBack.length);
				// 判断是否刷新了浏览器，刷新了浏览器，页面栈只有当前一个
				if (canNavBack.length > 1) {
					uni.navigateBack({
						delta: 1
					})
				} else {
					uni.switchTab({
						url: '/pages/index/index'
					})
				}
			},
			isFinish() {
				console.log(1111);
				this.goumai = true
			},
			checkMediaType(url) {
				// console.log(url);
				// 获取文件扩展名
				var index = url.lastIndexOf(".");
				var ext = url.substr(index + 1);
				// console.log(ext);
				var imageExtensions = ['glb', 'gltf', ];
				// 判断模型
				if (imageExtensions.includes(ext)) {
					return '3dmx';
				}
			},
			gohash() {

				// #ifdef APP
				if (this.info.hash != "创建中") {
					let url = this.info.trans_detail
					uni.setStorageSync("url", this.info.trans_detail)
					uni.navigateTo({

						url: "/pagesMy/mycollection/webview"
					})

				}
				// #endif
				// #ifdef H5
				if (this.info.hash != "创建中") {
					window.location.href = this.info.trans_detail;
				}

				// #endif

			},
			goadd(){
				uni.navigateTo({
					url: '/pagesMy/shoppingCenter/addressList?status=' + true
				})
			},
			goaddress() {

				// #ifdef APP
				if (this.info.contract_address) {
					let url = this.info.nfr_detail
					uni.setStorageSync("url", this.info.nfr_detail)
					console.log("00990", url)
					uni.navigateTo({
						url: "/pagesMy/mycollection/webview"
					})
				}

				// #endif
				// #ifdef H5
				if (this.info.contract_address) {
					window.location.href = this.info.nfr_detail;
				}

				// #endif
			},
			getsalesReference() {
				salesReference({
					id: this.id
				}).then(res => {
					this.average_price = res.data.average_price
					this.listt = res.data.goods_rent_data
					console.log(res, "出售均价")
				})
			},
			isClose() {
				this.showHaiBao = false
				this.showPoster = false
			},
			saveimg() {
				let that = this
				uni.saveImageToPhotosAlbum({
					filePath: that.canvas,
					success: function() {
						uni.$u.toast("保存成功")
						that.showHaiBao = false
						console.log('save success');
					}
				});
			},
			isShare() {
				share().then(res => {
					console.log(res)
					this.ewmimg = res.data.img
					uni.setStorageSync('ewmimg', this.ewmimg)

				})
			},
			// 退出孵化
			outHatch(){
				console.log(1111);
				this.boxShow = true
			},
			suresubmit() {
				if (this.val == 1) {
					transfer({
						id: this.id,
						phone: this.phone,
						password: this.password
					}).then(res => {
						this.password = ""
						if (res.code == 1) {
							this.show2 = false,
								this.showpass = false
							this.delother()
							setTimeout(() => {
								uni.navigateBack()
							}, 1500)
						} else {
							this.password = ""
							this.show2 = false,
								this.showpass = false
							this.delother()
						}
						uni.$u.toast(res.msg)
						console.log(res, "转赠")
					})
				}
				if (this.password.length < 6) {
					uni.$u.toast("请输入完整")
				} else if (this.val == 2) {
					if (this.delisting == 0 && this.goodsPid > 0) {
						if (this.info.guidance_price > this.info.prevent_hoarding_price) {
							this.good_price = this.info.prevent_hoarding_price
						} else {
							this.good_price = this.info.guidance_price
						}
					}
					rent({
						id: this.id,
						price: this.good_price,
						password: this.password
					}).then(res => {
						uni.$u.toast(res.msg)
						this.showpass = false
						this.password = ""
						if (res.code == 1) {
							this.showpass = false
							this.delother()
							setTimeout(() => {
								uni.navigateTo({
									url: "/pagesMy/marketorder/marketorder?id=" + 2
								})
							}, 1500)
						}
						console.log(res, "出售")
					})
				}else if(this.val==3){
					if(this.fhtb==true){
						this.paytypes=3
					}
					if(this.fhyb==true){
						this.paytypes=4
					}
					renewalPay({
						pay_type:this.paytypes,
						password:this.password
					}).then(res=>{
						if(res.code==1){
							this.showpass=false
							this.password=''
							this.getinfo()
							
						}
						uni.$u.toast(res.msg)
					})
				}

			},
			getinfo() {
				detail({
					id: this.id
				}).then(res => {
					console.log("详情------------9",res)
					if (res.code == 1) {
						this.member_carpooling_card=res.data.member_carpooling_card
						if(res.data.member_carpooling_card!=null){
							this.gropss2= ( Number(res.data.member_carpooling_card.balance) /  Number(res.data.member_carpooling_card.subsidy_balance))*100
							console.log(this.gropss2,"00000000000000000000000000000000000000000000000")
							this.carname=res.data.member_carpooling_card.carpool_target.name
						}
						this.member_phone_card=res.data.member_phone_card
						if(res.data.member_phone_card!=null){
							this.gropss3= ( Number(res.data.member_phone_card.balance) /  Number(res.data.member_phone_card.subsidy_balance))*100
							console.log(this.gropss3,"00000000000000000000000000000000000000000000000")
							this.phonename=res.data.member_phone_card.phone_name
						}
						console.log(res.data.member_phone_card,"99999999999999999988888888")
						this.info = res.data
						this.isFans = res.data.is_fans
						this.delisting = res.data.is_delisting
						this.sjId = res.data.good.shop_brand.id
						this.detail = res.data.good
						let ac = 100 / this.info.equity_number
						let bd = (this.info.member_activation_hxf_number) * ac
						this.gropss = bd
						console.log(bd, "0009")
						// let bl= this.info.equity_number/this.info.activation_number

						console.log(this.detail)
						// this.good_price = res.data.good.price
						this.shop_brand = res.data.good.shop_brand
						this.img = res.data.good.goods_image
						console.log("背景图片",this.img)
						this.threeMoxing = res.data.good.three_d
						uni.setStorageSync('sharebg', this.img + "?x-oss-process=image/resize,m_lfit,w_500,h_500")
						let userDetail = uni.getStorageSync('userDetail');
						let posterInfo = {
							phone: userDetail.phone,
							avatar: userDetail.avatar,
							bgimg: this.img,
							notice: this.shop_brand.brand_info,
							ewmimg: this.ewmimg
						};
						this.detailinfo = posterInfo
						const regex = new RegExp('<img', 'gi');
						if (res.data.good.content) {
							var htmlContent = res.data.good.content
							htmlContent = htmlContent.replace(regex, `<img style="max-width: 100%;"`)
							this.nodeCentent = htmlContent;
							this.detail.content = htmlContent;
						}
						if (res.data.good.info) {
							var htmlContent2 = res.data.good.info
							htmlContent2 = htmlContent2.replace(regex, `<img style="max-width: 100%;margin:6px 0"`)
							this.nodeCentent2 = htmlContent2;
							this.detail.info = htmlContent2
						}
						if (res.data.good.goods_details) {
							var htmlContent3 = res.data.good.goods_details
							htmlContent3 = htmlContent3.replace(regex, `<img style="max-width: 100%;margin:6px 0"`)
							this.nodeCentent3 = htmlContent3;

						} else {
							this.list1.pop()
						}



						this.goodsPid = res.data.hatch_goods_pid;

					}
					console.log(res, "详情")
				})
			},
			getotherinfo() {
				if (!this.phone) {
					uni.$u.toast("手机号不能为空")
				} else {
					phoneMemberInfo({
						phone: this.phone
					}).then(res => {
						if (res.code == 1) {
							this.showzz = true
							this.otherinfo = res.data
							const p = this.hideMiddleDigits(res.data.phone)
							this.otherinfo.phone = p
							console.log(p)
							uni.$u.toast(res.msg)
						}
						if (res.data == null) {
							uni.$u.toast(res.msg)
						}
						console.log(res)
					})
				}

			},
			hideMiddleDigits(phoneNumber) {
				// 获取手机号的前三位
				const firstPart = phoneNumber.substring(0, 3);
				// 获取手机号的后四位
				const lastPart = phoneNumber.substring(7);
				// 将中间四位替换为 ****
				const hiddenDigits = phoneNumber.substring(3, 7).replace(/\d/g, '*');
				// 拼接前三位、中间四位替换后的内容和后四位
				const hiddenNumber = firstPart + hiddenDigits + lastPart;
				return hiddenNumber;
			},
			isHatch(){
				outHatch({
					id:this.info.id
				}).then(res => {
					if (res.code == 1) {
						uni.$u.toast(res.msg)
						this.boxShow = false
						this.getinfo()
					}
				})
			},

			isallow() {
				if (this.isFans) {
					this.val = 2
					console.log(this.val)
					if (this.config.rent) {
						if (this.delisting == 0 && this.goodsPid > 0) {
							this.showPay = true
						} else {
							this.show1 = true
						}
					} else {
						uni.$u.toast("转售还未开启")
					}
				} else {
					this.tipShow = true
				}
			},
			goNixtPage() {
				uni.navigateTo({
					url: '/pagesMy/brandCenter/numbercard?id=' + this.sjId
				})
			},
			isallow2() {
				this.val = 1
				console.log(this.val)
				if (this.config.give) {
					this.show2 = true
				} else {
					uni.$u.toast("转赠还未开启")
				}

			},
			// 取消转售
			cancelSend() {
				cancleRent({
					id: this.info.goods_rent_id
				}).then(res => {
					if (res.code == 1) {
						uni.$u.toast(res.msg)
						this.cloneShow = false
						this.getinfo()
					}
				})
			},
			// 页面滚动
			onPageScroll: function(e) {
				const scrollTop = e.scrollTop; // 获取页面滚动位置
				// 根据滚动位置修改状态栏样式
				if (scrollTop > 100) {
					this.backgroundColor = '#F2F2F2';
					this.titles = '详情';
				} else {
					this.backgroundColor = 'transparent';
					this.titles = '';
				}
				// console.log("滚动距离为：" + e.scrollTop);
			},
			goPay() {
				if (this.good_price) {
					this.showpass = true
					this.show1 = false
					this.showPay = false
				} else {
					uni.$u.toast("请输入价格")
				}

			},
			goPay2() {
					this.showpass = true
					this.show1 = false
					this.showPay = false
			},
			delother() {
				this.show2 = false
				this.otherinfo = {}
				this.showzz = false
				this.phone = ""

			},
			getresaleConfig() {
				resaleConfig().then(res => {
					if (res.code == 1) {
						this.config = res.data
						console.log(res)
						const timestamp = Math.round(new Date().getTime() / 1000);
						console.log(timestamp);
						
						console.log(res.data.hatch_goods_sell_start_time);
						this.startTime = timestamp > res.data.hatch_goods_sell_start_time
						if(timestamp>res.data.sale_goods_ful_time){
							this.isful=true
						}else{
							this.isful=false
						}
						this.endTime = timestamp < res.data.hatch_goods_sell_end_time
						console.log(this.startTime);
						console.log(this.endTime);
					}

					console.log(res, "配置信息")
				})
			},
			roundDown(num, digits) {
				console.log(num);
				console.log(digits);
				var multiplier = Math.pow(10, digits);
				return Math.floor(num * multiplier) / multiplier;
			},
			copy() {
				uni.setClipboardData({
					data: this.info.hash,
					success: function() {
						uni.showToast({
							title: "复制成功"
						})
						console.log('复制成功');
					}
				});
			},
			isShare() {
				share().then(res => {
					console.log(res)
					this.ewmimg = res.data.img
					uni.setStorageSync('ewmimg', this.ewmimg)
				})
			},
			isFenxiang() {
				let that = this
				that.showPoster = true
				that.showHaiBao = true

				that.$nextTick(() => {
					// #ifdef APP
					that.$refs.hai.createGoodsPoster()
					// #endif
					// #ifdef H5
					that.$refs.posters.cusRenderDom()
					// #endif
				})
			},
			getprice(e) {
				console.log(e, 999)
				console.log(e)
				const price1 = Number(e)
				const price2 = Number(this.config.max_price)
				console.log(price1, "输入价格")
				console.log(price2, "最大价格")
				if (price1 > price2 && this.info.equity_type != 7) {
					uni.$u.toast("最高价格为" + this.config.max_price)
					this.good_price = this.config.max_price
				} else {
					this.good_price = e
				}

			},
			isHaibao(e) {
				console.log(e);
				this.reviewBaseImg = e
			},
			getcanvasimg(e) {
				this.canvas = e
				console.log("can", e)
			},
			isChange() {
				this.taggle = !this.taggle
				console.log(this.taggle);
			},
			isTaggle(index) {
				this.inx = index
			},

			getphone(e) {
				this.phone = e.detail.value
			},
			codechange(e) {
				console.log(e)
			},
			finish(e) {
				console.log(e)
			},
			// 返回上一页
			goBack() {
				uni.navigateBack({
					delta: 1
				})
			},
		},

	}
</script>
<style>
	page {
		background: #E0DDDA;
	}
</style>
<style scoped lang="scss">
	@font-face {
		font-family: 'iconfont2';
		src: url("~@/iconfont/YouSheBiaoTiHei.ttf");
	}

	/*  #ifdef  APP-ANDROID || APP-IOS */
	.dengguang {
		position: absolute;
		top: -20rpx;
		left: 50%;
		transform: translateX(-50%);
		width: 546rpx;
		height: 780rpx;
		background: #ffffff10;
		background: url(../../static/icon/dg.png);
		background-size: 100% 100%;
		pointer-events: none;
		z-index: 8;
	}

	/*  #endif  */

	/*  #ifdef  H5 ||WEB  */
	.dengguang {
		position: absolute;
		top: -20rpx;
		left: 50%;
		transform: translateX(-50%);
		width: 546rpx;
		height: 700rpx;
		background: #ffffff10;
		background: url(../../static/icon/dg.png);
		background-size: 100% 100%;
		pointer-events: none;
		z-index: 8;
	}

	/*  #endif  */
	.titsss{
		width:500rpx ;
		margin: 0 auto;
		margin-top: 20rpx;
	}
	.navbars {
		position: relative;
		width: 100%;
		height: 40rpx;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.tipss {
		text-align: center;
		margin-top: 20rpx;
		color: #666666;
	}

	.tipcontent {
		margin-top: 10rpx;
		text-align: center;
		color: #333;
	}

	.navbars>text {
		font-size: 28rpx;
		color: #ffffff;
	}

	.back {
		position: absolute;
		top: 0;
		left: 0;
		width: 150rpx;
		padding-left: 30rpx;
	}


	.commodity {
		width: 560rpx;
		margin: 0 auto;
		margin-top: -90rpx;
	}

	.commodity_top {
		position: relative;
		width: 92%;
		height: 580rpx;
		// background: url(../../static/image/bg11.png);
		// background-size: 100% 100%;
		margin: 0 auto;
		z-index: 7;
	}


	.tupians {
		position: absolute;
		top: 20rpx;
		left: 50%;
		width: 100%;
		height: 560rpx;
		transform: translateX(-50%);
		z-index: 9;
	}

	.commodity_btm {
		position: relative;
		width: 532rpx;
		height: 282rpx;
		background: url(../../static/image/bg12.png);
		background-size: 100% 100%;
		color: #ffffff;
		margin: 0 auto;
		z-index: 6;
	}

	.commodity_btm_box {
		width: 58%;
		margin-top: 80rpx;
		z-index: 99;
	}

	.commodity_name {
		margin-bottom: 30rpx;
		text-align: center;
		margin-top: 20rpx;
	}

	.names {
		font-size: 36rpx;
	}

	.namess {
		font-size: 30rpx;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}

	.series_box {
		background: #C3B39F;
		font-size: 20rpx;
		padding-right: 6rpx;
		margin-top: 10rpx;
	}
	
	.series_box>text:nth-child(1) {
		font-size: 22rpx;
		padding: 6rpx 10rpx;
		border-radius: 10rpx;

		background: #A68A64;
	}

	.hoarding {
		width: 690rpx;
		margin: 0 auto;
		margin-top: 30rpx;
		font-size: 24rpx;
		color: #333;
		background: #f2f2f2;
		padding: 30rpx 0;
		border-radius: 20rpx;
		margin-bottom: 30rpx;
	}

	.hoarding>text {
		margin: 0 20rpx;
	}

	.issuer {
		width: 690rpx;
		margin: 0 auto;
		// margin-top: 30rpx;
	}

	.lock_box {
		width: 690rpx;
		margin: 0 auto;
	}

	.issuer_box {
		width: 100%;
		height: 116rpx;
		color: #333;
		background: #F2F2F2;
		margin-bottom: 24rpx;
		border-radius: 20rpx;
	}

	.issuer_btm {
		width: 78%;
	}

	.issuer_btm>text:nth-child(2) {
		/* background: pink; */
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}

	.lock {
		width: 78%;
		margin-left: 30rpx;
		justify-content: space-between;
		display: flex;
	}

	.issuer_box>image {
		width: 76rpx;
		height: 76rpx;
		border-radius: 50%;
		margin: 0 26rpx;
	}

	.qushi {
		width: 40rpx !important;
		height: 40rpx !important;
	}

	.describe_box {
		width: 690rpx;
		margin: 0 auto;
		background: #F2F2F2;
		padding-bottom: 60rpx;
		border-radius: 20rpx;
	}

	.describe_tit {
		width: 636rpx;
		margin: 40rpx auto;
		padding-top: 50rpx;
		border-radius: 20rpx 20rpx 0 0;

	}

	.sss>text {
		margin-right: 50rpx;
		font-size: 36rpx;
		color: #666;
	}

	.describe_ntm {
		width: 690rpx;
		// height: 848rpx;
		margin: 0 auto;
	}

	.quanyi {
		width: 650rpx;
		margin: 0 auto;
		margin-top: 50rpx;
		overflow: hidden;
	}

	.describe_ntm>image {
		width: 634rpx;
		height: 100%;
	}

	.active {
		color: #333 !important;
	}

	.qyi_box {
		// background: #15120D;
	}

	.qyi {
		background: #E0DDDA;
	}

	.ys_box {
		background: #E0DDDA;
	}

	.yshou {
		background: #E0DDDA;
	}

	.color1 {
		color: #D8BB8C;
	}

	.color2 {
		color: #CF8CD8;
	}

	.equity_box {
		width: 638rpx;
		margin: 24rpx auto 0;
	}

	.equity {
		width: 100%;
		font-size: 32rpx;
	}

	.equity_top {
		width: 100%;
		height: 86rpx;
		line-height: 86rpx;
		padding-left: 24rpx;
	}

	.equity_list {
		width: 100%;
		min-height: 200rpx;
		// max-height: 500rpx;
	}

	.bor_btm {
		// border-bottom: 1rpx solid #29231E;
	}

	.bor_r {
		border-right: 1rpx solid #29231E;
	}

	.equity_list>text:nth-child(1) {
		width: 35%;
		height: 86rpx;
		line-height: 86rpx;
		padding-left: 24rpx;
		font-size: 28rpx;
	}

	.equity_list>text:nth-child(2) {
		width: 65%;
		margin-left: 24rpx;
		font-size: 24rpx;
	}

	.equity_list_s>text:nth-child(1) {
		width: 35%;
		height: 86rpx;
		line-height: 86rpx;
		padding-left: 24rpx;
		font-size: 28rpx;
	}

	.equity_list_s>text:nth-child(2) {
		width: 30%;
		margin-left: 24rpx;
		font-size: 24rpx;
	}

	.equity_list_s>text:nth-child(3) {
		width: 35%;
		margin-left: 24rpx;
		font-size: 24rpx;
	}

	.notice_box {
		width: 690rpx;
		// height: 414rpx;
		background: #f2f2f2;
		border-radius: 20rpx;
		margin: 24rpx auto;
	}

	.notice {
		width: 100%;
		padding: 20rpx 0;
		/* background: pink; */
	}

	.notice>text:nth-child(2) {
		font-size: 36rpx;
		color: #A68A64;
		font-family: 'iconfont2';
		margin: 0 24rpx;
	}

	.tiao {
		width: 154rpx;
		height: 6rpx;
		background: #A68A64;
		border-radius: 4rpx;
	}

	.xuzhi {
		padding: 0 50rpx;
		overflow: auto;
		padding-bottom: 20rpx;
	}

	.colors {
		color: #666;
		line-height: 1.6;
	}

	.technology {
		width: 100%;
		/* background: pink; */
	}

	.technology>image {
		width: 70%;
		height: 60rpx;
	}

	.buy_btn {
		position: fixed;
		bottom: 0;
		width: 750rpx;
		// height: 152rpx;
		background: #fff;
		display: flex;
		justify-content:flex-end;
		
	}
	.buy_btn>text {
		width: 160rpx;
		height: 60rpx;
		line-height: 60rpx;
		border-radius: 36rpx;
		border: 1rpx solid #A68A64;
		font-size: 32rpx;
		text-align: center;
		margin-right: 20rpx;
		color: #333333;
	}
	.hacth_box{
		width: 540rpx;
		height: 152rpx;
		display: flex;
		justify-content: flex-end;
	}
	.hacth_box>text {
		width: 160rpx;
		height: 60rpx;
		line-height: 60rpx;
		border-radius: 36rpx;
		border: 1rpx solid #A68A64;
		margin-right: 20rpx;
		justify-content: flex-end;
		font-size: 32rpx;
		text-align: center;
		color: #333333 ;
	}
	.out_hacth{
		color: #A68A64 !important;
		border: 2rpx solid #CAB9A2 !important;
	}
	.caise3{
		position: absolute;
		left: 200rpx;
		top: 50rpx;
		color: #333 !important;
	}
	.sssd{
		position: fixed;
		bottom: 0;
		width: 750rpx;
		height: 152rpx;
		background: #fff;
		display: flex;
		justify-content: flex-end;
		>text{
			width: 160rpx;
			height: 60rpx;
			line-height: 60rpx;
			border-radius: 36rpx;
			border: 1rpx solid #A68A64;
			font-size: 32rpx;
			text-align: center;
			// color: #fff !important;
			
		}
	}
	.ttt{
		position: absolute;
		left: 380rpx;
		top: 50rpx;
		z-index: 62;
		border: 1rpx solid #A68A64;
	}
	.ttt1{
		position: absolute;
		left: 20rpx;
		top: 50rpx;
		z-index: 62;
		background: linear-gradient(90deg, #AB8E68 0%, #D7BA93 100%);
		color: #fff !important;
	}


	.caise {
		position: absolute;
		right: 30rpx;
		top: 50rpx;
		color: #333333 !important;
		color: #fff;
		border: 1rpx solid #A68A64;
		// background: linear-gradient(90deg, #AB8E68 0%, #D7BA93 100%);
	}

	.caise2 {
		position: absolute;
		right: 30rpx;
		top: 50rpx;
		border: 1rpx solid #A68A64;
		// margin-right: 50rpx;
	}
	
	.want_box {
		width: 100%;
		min-height: 400rpx;
		max-height: 1200rpx;
		background: #2A2753;
		border-radius: 20rpx 20rpx 0 0;
		color: #333;
		overflow: auto;
	}

	.want {
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: 100%;
		padding: 40rpx 0 40rpx 40rpx;
		border-bottom: 1rpx solid #ffffff10;
	}

	.times {
		color: #D7D6E1;
		margin-top: 10rpx;
	}

	.choice {
		width: 100%;
		padding: 0 40rpx;
		margin: 30rpx 0;
	}

	.choice>text {
		width: 132rpx;
		height: 50rpx;
		line-height: 50rpx;
		text-align: center;
		border-radius: 40rpx;
		border: 2rpx solid #FFFFFF;
	}

	.choice_l {
		width: 132rpx;
		height: 46rpx;
		line-height: 46rpx;
		text-align: center;
		background: #353267;
		border-radius: 40rpx;
	}

	.choice_r {
		margin-left: 10rpx;
	}

	.list_s {
		width: 670rpx;
		height: 184rpx;
		background: #353267;
		border-radius: 22rpx;
		margin: 24rpx auto;
	}

	.list_s_box {
		width: 100%;
		padding: 10rpx 32rpx;
		margin-top: 20rpx;
	}

	.colora {
		color: #A6A5AF;
	}

	.detail_info {
		width: 690rpx;
		// height: 228rpx;
		background: #F2F2F2;
		border-radius: 20rpx 20rpx 20rpx 20rpx;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		justify-content: center;

		// padding-top: 10rpx;
		// align-items: center;
		// align-items: center;
		.detail_one {
			display: flex;
			align-items: center;
			margin-bottom: 20rpx;
			margin-top: 20rpx;

			.detail_item {
				width: 560rpx;
				height: 50rpx;
				// margin: 0 auto;
				margin-left: 26rpx;
				white-space: nowrap;
				/* 不换行 */
				overflow: hidden;
				/* 超出部分隐藏 */
				text-overflow: ellipsis;
				/* 显示省略号 */
				font-weight: 400;
				font-size: 30rpx;
				color: #666;

				>text {
					font-weight: 400;
					font-size: 30rpx;
					color: #333;
				}
			}

			>image {
				width: 22rpx;
				height: 22rpx;
				margin-left: 20rpx;
			}
		}

	}

	.pay {
		width: 100%;
		background: #2A2753;
		border-radius: 20rpx 20rpx 0 0;
		color: #ffffff;
		overflow: auto;
		position: relative;
		z-index: 10000;
	}

	.pay>text {
		font-size: 36rpx;
		margin: 60rpx 0;
	}

	.pay_box {
		width: 694rpx;
		/* height: 300rpx; */
		background: #353168;
		border-radius: 18rpx;
	}

	.pay_box_c {
		font-size: 24rpx;
		padding: 28rpx 28rpx 0;
		padding-bottom: 20rpx;

	}

	.pay_box_c>text:nth-child(1) {
		color: #333;
	}

	.pay_box_c>text:nth-child(2) {
		width: 70%;
		text-align: right;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
	}

	.pay_money {
		width: 92%;
		padding: 30rpx 0;
		margin: 30rpx auto 0;
		font-size: 24rpx;
		border-top: 1rpx solid #ffffff20;
	}

	.p_wrap {

		display: flex;
		align-items: center;
		position: relative;

		>image {
			width: 24rpx;
			height: 24rpx;
			margin-right: 6rpx;

		}

		.input {
			width: 160rpx;
			// padding-left: 50rpx;
			text-align: left;
			font-family: 'iconfont2';
			// font-size: 36rpx;
			border: none;
			border-bottom: 2rpx solid #dedede;
			color: #333 !important;
		}
	}

	/deep/.uni-input-input {
		color: #666 !important;
		font-size: 30rpx;
	}

	.go_pay {
		font-size: 36rpx;
		font-family: 'iconfont2';
	}

	.tips {
		width: 694rpx;
		/* height: 328rpx; */
		background: #f2f2f2;
		border-radius: 18rpx;
		margin: 30rpx 0;
		padding-bottom: 20rpx;
	}

	.tips>text {
		margin: 28rpx;
	}

	.tips_box {
		padding: 0 28rpx;
		font-size: 28rpx;
		color: #A7A4AD;
	}

	.buyNow {
		width: 690rpx;
		height: 88rpx;
		background: linear-gradient(90deg, #AB8E68 0%, #D7BA93 100%);
		border-radius: 40rpx;
		margin: 46rpx 0;
	}

	.curpage_review {
		width: 100%;
		display: flex;
		justify-content: center;
		padding-bottom: 30rpx;
		border-radius: 0 0 20rpx 20rpx;
	}

	.btn_poster {
		width: 100%;
	}

	.btn_poster>image {
		width: 110rpx;
		height: 110rpx;
	}

	/deep/.uicon-share {
		color: #fff;
	}

	.zz_wrap {
		width: 602rpx;
		// height: 416rpx;
		background: #E0DDDA;
		border-radius: 22rpx 22rpx 22rpx 22rpx;

		.tit {
			width: 602rpx;
			text-align: center;
			font-size: 36rpx;
			color: #333;
			padding-top: 50rpx;

		}

		.ipt {
			width: 522rpx;
			height: 76rpx;
			background: #f2f2f2;
			border-radius: 410rpx 410rpx 410rpx 410rpx;
			margin: 0 auto;
			margin-top: 62rpx;

			>input {
				width: 502rpx;
				height: 76rpx;
				background: #f2f2f2;
				border-radius: 410rpx 410rpx 410rpx 410rpx;
				padding-left: 20rpx;
				font-size: 30rpx;
				color: #FFFFFF;
			}
		}

		.zz_btn {
			width: 522rpx;
			height: 76rpx;
			background: linear-gradient(90deg, #AB8E68 0%, #D7BA93 100%);
			border-radius: 410rpx 410rpx 410rpx 410rpx;
			margin: 0 auto;
			margin-top: 50rpx;
			margin-bottom: 62rpx;
			font-weight: 300;
			font-size: 30rpx;
			color: #FFFFFF;
			text-align: center;
			line-height: 76rpx;
		}

		.otherinfo {
			width: 522rpx;
			// height: 400rpx;
			padding-bottom: 40rpx;
			margin: 0 auto;
			margin-top: 48rpx;

			.otherinfo_tit {
				font-size: 28rpx;
				color: #333;
			}

			.otherinfowrap {
				width: 522rpx;
				height: 200rpx;
				position: relative;
				margin: 0 auto;

				>image {
					width: 100rpx;
					height: 100rpx;
					border-radius: 50%;
					margin-top: 46rpx;
				}

				.othername {
					width: 300rpx;
					height: 38rpx;
					font-family: Source Han Sans, Source Han Sans;
					font-weight: 400;
					font-size: 26rpx;
					color: #333;
					position: absolute;
					top: 34rpx;
					left: 128rpx;
				}

				.otherphone {
					width: 300rpx;
					height: 38rpx;
					font-family: Source Han Sans, Source Han Sans;
					font-weight: 400;
					font-size: 26rpx;
					color: #333;
					position: absolute;
					top: 80rpx;
					left: 128rpx;
				}

				.otherphone2 {
					width: 300rpx;
					height: 38rpx;
					font-family: Source Han Sans, Source Han Sans;
					font-weight: 400;
					font-size: 26rpx;
					color: #333;
					position: absolute;
					top: 124rpx;
					left: 128rpx;
				}

				.othernum {
					margin-top: 20rpx;
					font-size: 24rpx;
					color: #D7D6E1;
					white-space: nowrap;
					/* 不换行 */
					overflow: hidden;
					/* 超出部分隐藏 */
					text-overflow: ellipsis;

				}
			}

			.other_btnwrap {
				width: 522rpx;
				height: 72rpx;
				display: flex;
				justify-content: space-between;
				align-items: center;
				margin-top: 70rpx;

				.other_btn1 {
					width: 220rpx;
					height: 72rpx;
					border-radius: 280rpx 280rpx 280rpx 280rpx;
					border: 2rpx solid #A68A64;
					font-size: 28rpx;
					color: #333;
					text-align: center;
					line-height: 72rpx;
				}

				.other_btn2 {
					width: 220rpx;
					height: 72rpx;
					background: linear-gradient(90deg, #AB8E68 0%, #D7BA93 100%);
					border-radius: 280rpx 280rpx 280rpx 280rpx;
					font-size: 28rpx;
					color: #333;
					text-align: center;
					line-height: 72rpx;
				}
			}
		}
	}

	.pass_wrap {
		width: 602rpx;
		height: 406rpx;
		background: #E0DDDA;
		border-radius: 22rpx 22rpx 22rpx 22rpx;
		z-index: 998;

		.tit {
			width: 602rpx;
			text-align: center;
			font-size: 36rpx;
			color: #333;
			padding-top: 50rpx;
			margin-bottom: 70rpx;
		}

		.code_input {
			margin: 0 auto;
		}

		.other_btnwrap {
			width: 522rpx;
			height: 72rpx;
			display: flex;
			justify-content: space-between;
			align-items: center;
			margin: 0 auto;
			margin-top: 50rpx;

			.other_btn1 {
				width: 220rpx;
				height: 72rpx;
				border-radius: 280rpx 280rpx 280rpx 280rpx;
				border: 2rpx solid #A68A64;
				font-size: 28rpx;
				color: #A68A64;
				text-align: center;
				line-height: 72rpx;
			}

			.other_btn2 {
				width: 220rpx;
				height: 72rpx;
				background: linear-gradient(90deg, #AB8E68 0%, #D7BA93 100%);
				border-radius: 280rpx 280rpx 280rpx 280rpx;
				font-size: 28rpx;
				color: #FFFFFF;
				text-align: center;
				line-height: 72rpx;
			}
		}

		.u-code-input {
			display: flex;
			align-items: center;
			justify-content: center;
		}

		/deep/.u-code-input__item {
			width: 30px !important;
			height: 30px !important;
			margin-right: 14px !important;
		}

		/deep/.u-code-input__item>text {
			color: #fff !important;
		}
	}

	.quanyi_s {
		width: 100%;
		overflow: hidden;
		color: #333;
		font-size: 28rpx;
		padding: 0 30rpx;
	}

	.price_wrap {
		display: flex;
		align-items: center;

		>text {
			font-family: youshe;
			font-weight: 400;
			font-size: 28rpx;
			color: #666;
		}
	}

	.cjqs_wrap {
		width: 690rpx;
		height: 92rpx;
		background: #221B32;
		border-radius: 20rpx 20rpx 20rpx 20rpx;
		margin: 0 auto;
		// margin-top: 20rpx;
		margin-bottom: 20rpx;
		display: flex;
		align-items: center;

		>image {
			width: 48rpx;
			height: 48rpx;
			margin-left: 26rpx;
		}

		>text {
			font-weight: 400;
			font-size: 28rpx;
			color: #FFFFFF;
			margin-left: 32rpx;
		}
	}

	.prompt {
		width: 600rpx;
		min-height: 400rpx;
		background: #E0DDDA;
		margin: 0 auto;
		border-radius: 20rpx;
		color: #333;
		padding-top: 30rpx;
	}

	.prompt>text {
		margin-top: 40rpx;
	}

	.prompt_tit {
		margin: 0 30rpx;
		font-size: 28rpx;
		color: #333;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}

	.prompt_ntm {
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 30rpx;
		width: 414rpx;
		height: 72rpx;
		line-height: 72rpx;
		background: linear-gradient( 90deg, #AB8E68 0%, #D7BA93 100%);
		border-radius: 28rpx;
		margin-top: 80rpx;
		color: #ffffff;
	}
	.pay {
		width: 100%;
		background: #E0DDDA;
		border-radius: 20rpx 20rpx 0 0;
		color: #666;
		overflow: auto;
	}

	.pay>text {
		font-size: 36rpx;
		margin: 60rpx 0;
	}

	.pay_box {
		width: 694rpx;
		/* height: 300rpx; */
		background: #f2f2f2;
		border-radius: 18rpx;
	}

	.pay_box_c {
		font-size: 24rpx;
		padding: 28rpx 28rpx 0;
	}

	.pay_box_c>text:nth-child(1) {
		color: #A7A4AD;
	}

	.pay_box_c>text:nth-child(2) {
		width: 70%;
		text-align: right;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
	}

	.pay_money {
		width: 92%;
		padding: 30rpx 0;
		margin: 30rpx auto 0;
		font-size: 24rpx;
		border-top: 1rpx solid #ffffff20;
	}

	.pay_img {
		width: 32rpx;
		height: 32rpx;
	}

	.rough {
		width: 60%;
		/* background: pink; */
	}

	.pay_btn {
		min-width: 176rpx;
		padding: 4rpx 0;
		background: #A423EA;
		color: #ffffff;
		border-radius: 40rpx;
	}

	.pay_btn_l>image {
		width: 28rpx;
		height: 28rpx;
		margin: 0 6rpx;
	}

	.pay_btn_r>image {
		width: 28rpx;
		height: 28rpx;
		margin: 0 6rpx;
	}

	.bgss {
		width: 230rpx !important;
		background: linear-gradient(274deg, #0014FF, #8020EF, #FF2CDF) !important;
	}

	.go_pay {
		font-size: 36rpx;
		font-family: 'iconfont2';
		margin-left: 10rpx;
	}

	.buyNow {
		position: relative;
		width: 92%;
		margin: 40rpx auto;
	}

	.buyNow>text {
		text-align: center;
		width: 100%;
		background: linear-gradient(90deg, #AB8E68 0%, #D7BA93 100%);
		color: #ffffff;
		font-size: 32rpx;
		padding: 20rpx 0;
		border-radius: 40rpx;
	}

	.nobuyNow {
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		width: 92%;
		margin: 40rpx auto;
		padding: 20rpx 0;
		border-radius: 40rpx;
		background: linear-gradient(274deg, #AB8E68, #D7BA93);
		opacity: 0.5;
	}

	.nobuyNow>text {
		margin: 0 10rpx;
	}

	.reds {
		color: #fa3534 !important;
	}

	.bgss {
		opacity: 0.5;
	}

	.priceReminder {
		font-size: 24rpx;
		color: #A6A5AF;
		margin-top: 40rpx;
	}
	.hatch_box {
		width: 600rpx;
		min-height: 400rpx;
		background: #E0DDDA;
		margin: 0 auto;
		border-radius: 20rpx;
		color: #333;
		padding-top: 30rpx;
		padding-bottom: 40rpx;
		// background: pink;
	}
	.hatch_box_hr{
		margin: 40rpx 0;
	}
	
	.hatch_box>text {
		width: 560rpx;
		text-align: center;
		margin: 40rpx 0;
	}
	.hatch_box_tip{
		width: 540rpx;
		margin: 20rpx 0;
	}
	.hatch_box_tip>text:nth-child(1){
		font-size: 32rpx;
		color: #333333;
		// font-weight: 700;
		margin-left: 30rpx;
	}
	.hatch_box_tip>text:nth-child(2){
		font-size: 28rpx;
		color: #666666;
		margin-left: 80rpx;
		margin-top: 24rpx;
	}
	
	.btn_xz {
		width: 100%;
		margin-top: 80rpx;
	}
	
	.btn_xz>text:nth-child(1) {
		width: 220rpx;
		height: 72rpx;
		line-height: 72rpx;
		text-align: center;
		color: #A68A64;
		border: 1rpx solid #A68A64;
		border-radius: 280rpx;
	}
	
	.btn_xz>text:nth-child(2) {
		width: 220rpx;
		height: 72rpx;
		line-height: 72rpx;
		text-align: center;
		background: #A68A64;
		font-size: 28rpx;
		color: #ffffff;
		border-radius: 280rpx;
	}
	
	.propgs {
		height: 200rpx;
		background-color: #f2f2f2;
		width: 690rpx;
		margin: 0 auto;
		border-radius: 10rpx;
		margin-top: 30rpx;

		.propgs_top {
			width: 640rpx;
			margin: 0 auto;
			height: 100rpx;
			display: flex;
			align-items: center;
			
			>text {
				color: #666666;
			}
		}
		.month_num{
			width: 640rpx;
			margin: 0 auto;
			color: #666;
		}
	}
	.pay_type_l {
		width: 20%;
		/* background: pink; */
	}
	
	.pay_type_l>image {
		width: 36rpx;
		height: 36rpx;
	}
	
	.balance {
		width: 500rpx;
	}
	
	.balance_top {
		width: 70%;
		padding: 30rpx 0;
		font-size: 32rpx;
		color: #333333;
		font-family: 'iconfont';
		border-bottom: 1rpx solid #00000010;
	}
	
	.balance_top_s {
		width: 70%;
		padding: 30rpx 0;
		font-size: 24rpx;
		color: #ffffff;
		font-family: 'iconfont';
		border-bottom: 1rpx solid #ffffff10;
	}
	.img1 {
		width: 50rpx;
		height: 50rpx;
		margin-right: 20rpx;
	}
	
	.img2 {
		width: 54rpx;
		height: 40rpx;
		margin-right: 20rpx;
	}
	
	.img3 {
		width: 60rpx;
		height: 40rpx;
		margin-right: 20rpx;
	}
	
	.img4 {
		width: 30rpx;
		height: 30rpx;
		margin-right: 10rpx;
	}
	
	.img5{
		width: 50rpx;
		height: 32rpx;
		margin-right: 20rpx;
	}
		
	.cartype{
		width: 690rpx;
		height: 116rpx;
		background: #F2F2F2;
		border-radius: 20rpx 20rpx 20rpx 20rpx;
		margin: 0 auto;
		margin-top: 24rpx;
		display: flex;
		align-items: center;
	justify-content: space-between;
		.name{
			font-weight: 400;
			font-size: 30rpx;
			color: #666666;
			margin-left: 24rpx;
			
		}
		.ttts{
			font-weight: 400;
			font-size: 30rpx;
			color: #A68A64;
			line-height: 38rpx;
			text-align: left;
			font-style: normal;
			text-decoration-line: underline;
			margin-right: 20rpx;
		}
	}
	.carwrap{
		width: 690rpx;
		height: 320rpx;
		background: #F2F2F2;
		border-radius: 20rpx 20rpx 20rpx 20rpx;
		margin: 0 auto ;
		margin-top: 24rpx;
		.carwrapone{
			width: 690rpx;
			display: flex;
			justify-content: space-between;
			.carwrapitem{
				display: flex;
				flex-direction: column;
				padding-top: 30rpx;
				.carwrapprice{
					margin-top: 10rpx;
					display: flex;
					align-items: center;
					>iamge{
						width: 28rpx;
						height: 28rpx;
					}
					>text{
						font-weight: 600;
						font-size: 32rpx;
						color: #A68A64;
					}
				}
			}
		}
	}
	.ybimage{
		width: 28rpx;
		height: 28rpx;
	}
	.ysf{
		font-weight: 400;
		font-size: 28rpx;
		color: #666666;
	}
	.carwraptwo{
		width: 600rpx;
		height: 50rpx;
		margin: 0 auto;
		margin-top: 40rpx;
	}
	.golingqu{
		width: 322rpx;
		height: 72rpx;
		background: #A68A64;
		border-radius: 280rpx 280rpx 280rpx 280rpx;
		margin: 0 auto;
		font-weight: 400;
		font-size: 32rpx;
		color: #FFFFFF;
		text-align: center;
		line-height: 72rpx;
	}
</style>